.twui-header{
  width: 100%;
  // height: 6.5vh;
  height:80px;
  box-sizing: border-box;
  text-align: center;
  padding-top: 10px;
  z-index: 1;
  &__hero{
    background: url("/static/weishidataview/images/nav-bg.png") center no-repeat;
    background-size: auto;
    background-position-y: -16px;
    margin: 0 0;
    @media screen and (max-width: 1600px){
      background-position-y: -8px;
    }
    @media screen and (max-width: 1024px){
      margin: 0;
    }
    h1{
      min-height: 70px;
      line-height: 52px;
      display: inline-block;
      font-size: 38px;
      color: #00a5fe;
      z-index: 1;
      &[data-text]::after {
        content: attr(data-text);
        color: #07ffff;
        position: absolute;
        left: 0;
        z-index: 2;
        width: 100%;
        -webkit-mask-image: -webkit-gradient(linear, 0 0, right 0, from(#07ffff), to(rgba(0,0,255,0)));
      }
      @media screen and (max-width: 1600px){
        //min-height: 60px;
        //line-height: 60px;
        font-size: 30px;
      }
    }
  }
}
